Use the Property inspector or the Layer palette to change the stacking order of layers. The layer at the top of the Layer palette list is at the top of the stacking order.
In HTML code, the stacking order, or z-index, determines the order in which layers are drawn in a browser. You can change the z-index for each layer using the Property inspector or using the Layer palette.
To change the stacking order of layers using the Property inspector:
1 | Choose Window > Layers to open the Layer palette to see the current stacking order. |
2 | Select a layer in the Layer palette or in the Document window. |
3 | In the Layer Property inspector, type a number in the Z-index field. |
![]() |
Type a higher number to move the layer back in the stacking order |
![]() |
Type a lower number to move the layer forward in the stacking order |
![]() |
To change the stacking order of layers in the Layer palette:
Choose Window > Layers to open the Layer palette. Then in the Layer palette do one of the following:
![]() |
In the Z column, click the number of the layer you are changing. Type a higher number than the existing number to move the layer back in the stacking order, or type a lower number to move the layer forward in the stacking order. |
![]() |
Select and drag a layer up or down to the desired stacking order. You'll see a line appear as you move the layer. Release the mouse button when the placement line appears in the desired stacking order. |